<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
${aier_doctype}
<html <s:property value="aier_html_xmlns" escape="false"/>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="${aier_keyworks}" name="keywords">
<meta content="${aier_description}" name="description">
<title>${aier_title}</title>
<link rel="stylesheet" href="${aier_css_url}${aier_jqui_css}ui.css" />
<link rel="Stylesheet" href="${aier_css_url}jq/jq.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/jq-msg.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/reset.css" />
<link rel="stylesheet"
	href="${aier_css_url}social/user/payPlatform/common.css" />
<link rel="stylesheet"
	href="${aier_css_url}social/user/payPlatform/icon.css" />
<link rel="stylesheet"
	href="${aier_css_url}social/user/payPlatform/pay.css" />


<script type="text/javascript" src="${aier_js_url}j.js"></script>
<script type="text/javascript" src="${aier_js_url}b.js"></script>
<script type="text/javascript" src="${aier_js_url}lib/block.js"></script>
<script type="text/javascript" src="${aier_js_url}jp/msg.js"></script>

<link rel="stylesheet" href="${aier_css_url}social/module/btn.css" />
<link rel="stylesheet" href="${aier_css_url}social/user/ujscb.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/aier-ui.css" />
<script type="text/javascript" src="${aier_js_url}aier-ui.js"></script>
</head>
<!-- 支付订单 -->
<body class="view-ujscb">

	<!-- 顶栏 -->
	<s:action name="userhomecomm_homeHead" namespace="/user"
		executeResult="true"></s:action>
	<!-- 顶栏结束 -->

	<div class="window-content">

		<!-- wrap  -->
		<div class="wrap pay-content clearfix">
			<!-- ^^^左侧导航栏 -->
			<div class="nav-side">
				<!-- 家校联系簿（家长） 头像（孩子的） -->
				<div class="ujscb-userinfo">
					<dl class="clearfix">
						<dt style="" data-log="头像" class="avatar">
							<a href="${aier_url}user/uccomm_userCenter.shtml"> <img src="${get_picturl_url}small/${userInfo.headimg}"></a>
						</dt>

						<dd class="nickname">
							<a href="${aier_url}user/uccomm_userCenter.shtml">${userInfo.nickname}</a>
						</dd>
						
						<dd class="overage-status">
							<div class="explain">
								<span id = "edate"></span>
								<a>续费</a>
							</div>
						</dd>

					</dl>
				</div>
				<!-- / 管理员头像 -->
				<div class="ujscb-sidetab-parent">
					<div class="nav-item">
						<a class="btn btn-white-3" href="${aier_url}${aier_uri}userhscb_userChiHSConBook${aier_suffix}?buid=${buid}&bname=${bname}&cid=${cid}&edate=${edate}"><span>家校联系簿</span></a>
					</div>
					<div class="nav-item current">
						<a class="btn btn-white-3 " href="${aier_url}${aier_uri}pay_selOrders${aier_suffix}?buid=${buid}&bname=${bname}&cid=${cid}"><span>购买应用</span></a>
					</div>
					<div class="nav-item">
						<a class="btn btn-white-3 btn-dialog-usb-intro" href="javacript:void(0);"><span>应用介绍</span></a>
					</div>
					<div class="nav-item">
						<a class="btn btn-white-3" href="${aier_url}${aier_uri}pay_payRecode${aier_suffix}?buid=${buid}&bname=${bname}&cid=${cid}"><span>购买记录</span></a>
					</div>
				</div>
				<!-- ^^^应用介绍 -->
				<s:action name="userhscb_userHSCBintro" namespace="/user" executeResult="true"></s:action>
				<!-- $$$应用介绍 -->
				
			</div>
			<!-- $$$左侧导航栏 -->


			<div class="con-left">
				<div class="pay-main-middle">
					<div class="middle-title">
						<ol class="buy-process-bar">
							<li class="step-first">1.选择订单 <span class="highlight"></span>
								<span class="arrow"></span>
							</li>
							<li class="">2.确认订单 <span class="highlight"></span> <span
								class="arrow"></span>
							</li>
							<li class="current">3.支付订单 <span class="highlight"></span> <span
								class="arrow arr-sel"></span>
							</li>
							<li class="step-last">4.完成</li>
						</ol>
					</div>

					<div class="middle-line"></div>

					<div class="middle-content">
						<div class="po-due clearfix">
							<div class="due-am">应付金额：</div>
							<div id="poDue">100.00</div>
							<div class="due-yuan">元</div>
						</div>
						<div class="po-bank"></div>
						<div class="po-pal ">
							<div id="palBtn" class="clearfix">
								<i class="pal-arrow pay-icon pay-icon-ardown"></i><a
									href="javascript:;">支付宝/财付通支付</a>
							</div>
						</div>
						<div class="po-palcon">
							<ul class="bank-list bank-list--xpay clearfix">
								<li class="item left"><input id="check-alipay"
									class="radio" type="radio" name="paytype" value="alipay">
									<label for="check-alipay" class="bank bank--alipay">支付宝</label>
								</li>
								<li class="item"><input id="check-tenpay" class="radio"
									type="radio" name="paytype" value="tenpay"> <label
									for="check-tenpay" class="bank bank--tenpay">财付通</label>
								</li>
							</ul>
						</div>
						<div class="po-payments clearfix">
							<div class="due-yuan">元</div>
							<div id="poPayMents">100.00</div>
							<div class="due-am">支付金额：</div>
						</div>
						<div class="co-btn clearfix" style="width: 638px;">
						<div style="margin-top: 20px;" onclick="subOrder();" class="subBtn">去付款</div>
						</div>
					</div>
				</div>
			</div>

		<!-- 返回顶部 -->
		<s:action name="userhomecomm_backToTop" namespace="/user"
			executeResult="true"></s:action>
		<!-- end 返回顶部 -->
		</div>



		<!-- footer copyright -->
		<s:action name="userhomecomm_homeFooter" namespace="/user"
			executeResult="true"></s:action>
		<!-- /footer copyright -->
	</div>
<div class="layer-popup"></div>
</body>
<script type="text/javascript">
	//选择按月付费显示输入框
	var pattern = /^[0-9]*$/;
	$("#soMonthRa").live("input", function() {
		var phoneNumber = $("#soMonthRa").val();
		if (!pattern.exec(phoneNumber)) {
			$("#soMonthRa").val("");
		}
	});

	function subOrder() {
		window.location.href = "${aier_url}${aier_uri}pay_confirmOrders${aier_suffix}";
		var fun = function(data) {
			//window.location.href = "${aier_url}${aier_uri}retpwd_complete${aier_suffix}";

		};
		exeAjax(ajaxUrl("${aier_url}${aier_urijs}${aier_suffix}"), fun, {

		});
	};
</script>
</html>